<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>活动-团购设置</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="./css/business.css">
</head>
<body>
<div id="uniocn" class="layui-layout layui-layout-admin">
    <div class="financeTitle">
        <button class="layui-btn layui-btn-ms">团购设置</button>
    </div>
    <div class="activityBox">
        <p class="activityTitle">团购设置</p>
        <form action="##" class="layui-form" style="box-sizing: border-box;margin: 15px">
            <div class="layui-form-item">
                <label class="layui-form-label">团购人数</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="number" required lay-verify="required" placeholder="请输入团购人数"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">团购分类</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <select name="classification" lay-verify="required">
                        <option value="">请选择分类</option>
                        <option value="0">分类1</option>
                        <option value="1">分类2</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item" style="margin-bottom: 5px">
                <div>
                    <label class="layui-form-label">团购价</label>
                    <div class="layui-form-mid layui-word-aux auxiliary">￥</div>
                    <div class="layui-input-inline" style="width: 10%;">
                        <input type="text" name="number" required lay-verify="required" placeholder="请输入团购价"
                               autocomplete="off" class="layui-input">

                    </div>
                </div>
                <div>
                    <label class="layui-form-label">市场价</label>
                    <div class="layui-form-mid layui-word-aux auxiliary">￥</div>
                    <div class="layui-input-inline" style="width: 10%;">
                        <input type="text" name="number" required lay-verify="required" placeholder="请输入市场价"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div>
                    <label class="layui-form-label">核销尾款</label>
                    <div class="layui-form-mid layui-word-aux auxiliary">￥</div>
                    <div class="layui-input-inline" style="width: 10%;">
                        <input type="text" name="number" required lay-verify="required" placeholder="请输入核销尾款"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <p class="tip" style="margin-bottom: 15px;margin-left: 110px">价格最多保留两位小数,尾款不填或为0即不需要尾款</p>
            <div class="layui-form-item">
                <label class="layui-form-label">预约小时</label>
                <div class="layui-form-mid layui-word-aux auxiliary">请于</div>
                <div class="layui-input-inline" style="width: 33%;margin-right: 0">
                    <input type="text" name="number" required lay-verify="required" value="0"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux auxiliary">小时前预约</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">团购库存</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="Company" required lay-verify="required" value="0"
                           autocomplete="off" class="layui-input">
                    <p class="tip">商品库存,请谨慎修改</p>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">剩余数量</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="label" required lay-verify="required" value="0"
                           autocomplete="off" class="layui-input">
                    <p class="tip">商品剩余数量,请谨慎修改</p>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">单人限购</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="label" required lay-verify="required" value="0"
                           autocomplete="off" class="layui-input">
                    <p class="tip">团购数量上限,如果不填或填0,则默认不设置购买数量</p>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">团购活动时间</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="label" required lay-verify="required" id="test6"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">截止时间类型</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="radio" name="timeType" value="固定时间" title="固定时间" checked>
                    <input type="radio" name="timeType" value="购买后有效" title="购买后有效">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">消费截止时间</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="label" required lay-verify="required" id="test7"
                           autocomplete="off" class="layui-input">
                    <p class="tip">消费截止时间必须大于活动结束时间</p>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">首页展示</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="radio" name="label" value="启用" title="启用" checked>
                    <input type="radio" name="label" value="禁止" title="禁止">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商品排序</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="label" required lay-verify="required" value="0"
                           autocomplete="off" class="layui-input">
                    <p class="tip">数字越大,排序越靠前</p>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商品人气</label>
                <div class="layui-input-inline" style="width: 45%;">
                    <input type="text" name="label" required lay-verify="required" value="0"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">订单信息</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="like[write]" title="姓名">
                    <input type="checkbox" name="like[read]" title="电话" checked>
                    <input type="checkbox" name="like[dai]" title="地址">
                </div>
            </div>
            <div class="layui-form-item" style="margin-top: 20px">
                <div class="layui-input-block" style="width:45%;">
                    <button class="layui-btn">提交</button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
<script src="layui/layui.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
    layui.use(['form','laydate'], function () {
        var form = layui.form;
        var laydate = layui.laydate;

        //日期范围
        laydate.render({
            elem: '#test6'
            ,range: true
        });laydate.render({
            elem: '#test7'
            ,range: true
        });
    })
</script>
</html>